<template>
	<div class="header">
	  城市选择
	  <router-link to="/">
	    <div class="iconfont header-back">&#xe624;</div>
	  </router-link>
	</div>
</template>

<script>
	export default{
		name:'CityHeader'
	}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
  .header{
  	position: relative;
  	overflow: hidden;
  	height: $headerHeight;
  	line-height: $headerHeight;
  	text-align: center;
  	color:#fff;
  	background: $bgColor;
  	font-size: .32rem;
  }
  .header-back{
  	position: absolute;
  	top:0;
  	left: 0;
  	width: .64rem;
  	text-align: center;
  	font-size: .4rem;
  	color: #fff;
  }
</style>